/**************************************
 *
 * VLOOK™ 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * For(QQ): 956119641
 * 2024-5
 * https://www.wondershare.cn/
 * https://www.wondershare.com/
 *
 *************************************/

@import "../font";
@import "../color";
@import "../common";

@vlookQuery: @vlookQueryDef + "ws=3";

// 主题信息
@themeVer: "V28.1";
@themeName: "vlook-x-wondershare";
@themeDesc: "× Wondershare";
@themeEmail: "sean@wondershare.com";

// 指定字体主题
// .applyFontStyle(win);
.applyFontStyle(local);
// 指定主题配套的圆角
.applyThemeRadius(big);
// // 表格、插图指定居中对齐
// .genTableAndFigureAlign(center);
// 生成指定的表格样式
.genTableStyle(modern);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #000000;
@theme2: #0061FF;
@theme3: #10CCBF;
@theme1Dark: #FFFFFF;
@theme1Alt: #FFFFFF;
@theme1AltDark: #000000;
@theme2Alt: #CCDFFF;
@theme2Dark: #3381FF;
@theme2AltDark: #003A99;
@theme3Dark: @theme3;
// @theme3Alt: #D5F2F0;
// @theme3AltDark: #064D48;
// @theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacity);
// @theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacity);
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacity);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), 30%);
@theme2FadeDark: rgba(red(@theme2), green(@theme2), blue(@theme2), 40%);

// 标题色
@headerColor: #000000;
@headerColorDark: #FFFFFF;

@wondershareC1: rgba(0, 255, 253, .4);
@wondershareC2: rgba(236, 0, 255, .3);
@wondershareC3: rgba(255, 103, 0, .25);
@wondershareLg: ~"linear-gradient(270deg, @{wondershareC1}, @{wondershareC2}, @{wondershareC3})";
// @wondershareLg: ~"linear-gradient(270deg, rgba(42,240,228,.5) 0%, rgba(140,51,255,.4) 37.5%, rgba(255,39,118,.4) 68.75%, rgba(255,188,15,.4) 100%)";
@spliterWidth: 4px;
@headerSpliterLg: linear-gradient(180deg, transparent, transparent @spliterWidth, var(--d-bc) @spliterWidth, var(--d-bc));

// @tocHeaderNumColor: @docTextColorLightFade;
//@contentHeaderNumColor: var(--h-f);
//@contentHeaderNumOpacity: .5;
@liBeforeColor: rgba(red(@theme2), green(@theme2), blue(@theme2), 50%);

@h1Bg: linear-gradient(180deg, rgba(var(--fade-r), var(--fade-g), var(--fade-b), .1), rgba(var(--fade-r), var(--fade-g), var(--fade-b), 1)), @wondershareLg;
@h2Bg: @h1Bg;
@h3Bg: @headerSpliterLg, linear-gradient(270deg, var(--d-bc), var(--d-bc) 20%, @wondershareC1 20%, @wondershareC2 50%, @wondershareC3 80%, var(--d-bc) 80%, var(--d-bc));
@h4Bg: @headerSpliterLg, linear-gradient(270deg, var(--d-bc), var(--d-bc) 30%, @wondershareC1 30%, @wondershareC2 50%, @wondershareC3 70%, var(--d-bc) 70%, var(--d-bc));

// @h1Bg: linear-gradient(0deg, var(--h-bg-start), var(--h-bg-end));
// @continuousHeaderBG: none;
@headerTextAlign: center;
@headerPadding: 15px 5px 5px;

// 不进行标题自动编号
@vHeaderAutoNum: "h1{{#none#}},h2{{#none#}},h3{{#none#}},h4{{#none#}},h5{{#none#}}";;
@h1BeforeContent: "";
@h2BeforeContent: "";
@h3BeforeContent: "";
@h4BeforeContent: "";
@h5BeforeContent: "";

// 标题边框
// @h1BorderTop: 5px solid var(--h-box-shadow);
// @h2BorderBottom: 2px solid var(--h-box-shadow);
@h1Margin: 2em 0 0 0;
@h2Margin: 2em 0 0 0;
@h3Margin: 1.5em 0 0 0;
@h4Margin: 1.5em 0 0 0;
@h5Margin: 1.25em 0 0 0;
@h6Margin: 1em 0 0 0;

// 引用块默认色样式（与主题配套使用）
@quoteBgDefault: linear-gradient(0deg, var(--d-bc), var(--blockquote-bg));
@quoteBoxShadowDefault: 0 0 0 1px var(--blockquote-bg) inset;

// 题注文字、背景色
// @captionTextColor: var(--d-fc-a);
@captionBackground: none;

// 行内代码
@codeTextColor: @theme2;

// 表格行 hover
// @tableTrHoverBg: fade(@aHoverColor, 15%);
// @tableTrHoverBgDark: fade(@aHoverColor, 25%);

//@quoteBorderLeft: 0;

// 按钮色
@buttonForeColor: var(--d-bc);
@buttonForeHoverColor: #FFFFFF;
@buttonBgColor: var(--ac-t1);
// 文库按钮颜色
@docLibButtonForeColor: @buttonForeColor;
@docLibButtonForeHoverColor: @buttonForeHoverColor;
@docLibButtonBgColor: @buttonBgColor;
// 指定 kbd 按钮风格
.applyKbdRadius(big);

// 链接颜色
@aBorderWidth: 2px;
@aColor: @theme2;
@aColorDark: @theme2Dark;
// @alinecolor: @theme2;
@aHoverColor: @theme3;
@aHoverColorDark: @theme3;
@aActiveColor: desaturate(@theme3, 30%);

// 封面内多级标签样式
@badgeColorInCover: @buttonForeHoverColor;
@badgeBakgroundInCover: @aColor;
@badgeBorderColorInCover: transparent;

// 封面、封底文字位置及对齐方式
@coverTextAlign: center;
@coverTextPadding: 200px 50px;
@coverTextPaddingForMobile: 200px 20px 0;
@coverTextColor: #000000;
@coverSubColor: #606264;
@coverUnderlineColor: #606264;
@coverAuthorColor: @coverUnderlineColor;
@coverOwnerColor: @coverAuthorColor;

@backcoverTextAlign: center;
@backcoverTextPadding: 380px 60px 0;
@backcoverTextPaddingForMobile: 400px 20px 0;
@backcoverTextColor: @coverTextColor;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 1px rgba(255, 255, 255, .2) inset;//0 0 0 0 transparent;
@contrastBorderForCover: none;//0 0 0 1px rgba(0, 0, 0, 0.1) inset;

// 封面背景设置
@coverBackgroundColor: #FFFFFF;
@coverBackgroundImage: var(--thm-c-logo), var(--thm-c-top-lg), var(--thm-c-cloud), var(--thm-c-bg-lg), var(--thm-c-bg-top);
@coverBgSize: auto, auto, auto, 100% auto, auto;
@coverBgSizeForMobile: auto, auto, 600px 251px, 100% auto, 600px 200px;
@coverBackgroundSize: var(--thm-c-bg-size);
@coverBackgroundRepeat: no-repeat, repeat-x, no-repeat, repeat-y, no-repeat;
@coverBgPosition: center 40px, top, left bottom, top, center top;
@coverBgPositionForMobile: @coverBgPosition;
@coverBackgroundPosition: var(--thm-c-bg-pos);

// 封底背景设置
@backcoverBackgroundColor: @coverBackgroundColor;
@backcoverBackgroundImage: var(--thm-bc-logo), var(--thm-bc-building), var(--thm-bc-cloud), var(--thm-bc-bg-lg);
@backcoverBgSize: 170px 118px, auto, auto, auto;
@backcoverBgSizeForMobile: 170px 118px, 128px 180px, 600px 251px, auto;
@backcoverBackgroundSize: var(--thm-bc-bg-size);
@backcoverBackgroundRepeat: no-repeat, no-repeat, no-repeat, no-repeat;
@backcoverBgPosition: center 40px, left bottom, right top, left top;
@backcoverBgPositionForMobile: @backcoverBgPosition;
@backcoverBackgroundPosition: var(--thm-bc-bg-pos);

// 文档扩展区域背景
// @docExtBackgroundColor: var(--d-bc);
@docExtBackgroundImage: var(--thm-doc-ext-bg), var(--thm-doc-ext-logo), var(--thm-doc-ext-bg2);
@docExtBackgroundSize: auto, auto, auto;
@docExtBackgroundRepeat: no-repeat, repeat, no-repeat;
@docExtBackgroundPosition: left top, left bottom, left top;

// 封面、封底素材资源
:root {
    --thm-c-logo: url("");
    --thm-c-top-lg: url("");
    --thm-c-cloud: url("");
    --thm-c-bg-lg: @wondershareLg;
    --thm-c-bg-top: url("");

    --thm-bc-logo: url("");
    --thm-bc-building: url("");
    --thm-bc-cloud: url("");
    --thm-bc-bg-lg: linear-gradient(135deg, #ACFFFA, #FEBAFF 60%, #95B9FF);

    --thm-doc-ext-logo: url("");
    --thm-doc-ext-bg2: @wondershareLg;
    --thm-doc-ext-bg: linear-gradient(180deg, var(--d-bc), var(--d-bc), rgba(var(--fade-r), var(--fade-g), var(--fade-b), .8) 40%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), .2));
}

@import "../base";

// 生成强调风格的有序列表样式
.genOrderList(block, rect);

// 生成指定风格的多级标签样式
.genBadgeStyle(dyn);

// 生成 GSA 样式
.genGSA_simple();
